.oe-login {
    height: 100%;
    min-width: 1200px;

    .login-top {
        height: 6%;
        width: 100%;
        background: #FFFFFF;

        &-help {
            &:hover {
                color: #1890ff
            }

            float: right;
            margin-right: 20px;
            height: 100%;
            display: flex;
            align-items: center;
            font-size: 18px;
            color:#000;
            font-family: -apple-system,
            BlinkMacSystemFont,
            Segoe UI,
            PingFang SC,
            Hiragino Sans GB,
            Microsoft YaHei,
            Helvetica Neue,
            Helvetica,
            Arial,
            sans-serif,
            Apple Color Emoji,
            Segoe UI Emoji,
            Segoe UI Symbol;
            ;
        }

        .login-top-content {
            width: 90%;
            height: 100%;
            margin: 0 auto;
            position: relative;

            img {
                height: 50px;
                width: 352px;
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto;
            }

            .login-top-text {
                position: absolute;
                left: 355px;
                height: 100%;
                font-weight: 500;
                font-size: 30px;
                display: flex;

                span {
                    margin: auto;
                }
            }

            &_right {
                position: absolute;
                top: calc(50% - 18px);
                right: 0;
                display: inline-block;
                // float: right;
                height: 36px;
                width: 171px;
                background-color: #047bfc;
                border-radius: 10px;

                img {
                    width: auto;
                    height: auto;
                    margin-left: 20px;
                }

                .phone {
                    cursor: pointer;
                    padding-left: 40px;
                    font-size: 18px;
                    color: #ffffff;
                    position: absolute;
                    top: calc(50% - 14px);
                    bottom: calc(50% - 13px);
                    margin: auto;
                }
            }

            .help {
                position: absolute;
                top: calc(50% - 18px);
                right: 180px;
                display: inline-block;
                // float: right;
                height: 36px;
                width: 171px;
                background-color: #f1f1f5;
                margin-right: 20px;
                border-radius: 10px;

                img {
                    width: auto;
                    height: auto;
                    margin-left: 30px;
                }

                .login-top-help {
                    padding-right: 20px;
                    color: #666666
                }
            }

        }
    }

    .login-center {
        background-image: url(../assets/images/banner.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 55%;
        width: 100%;
        position: relative;

        .login-center-content {
            width: 80%;
            border-radius: 30px;
            // background: #FFFFFF;
            height: 90%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

        .content {
            padding: 30px;
            width: 100%;
            height: 100%;

            // .content-left {
            //     float: left;
            //     height: 100%;
            //     width: 60%;

            //     img {
            //         height: 100%;
            //         width: 100%;
            //     }
            // }

            .content-right {
                float: right;
                height: 100%;
                width: 30%;
                padding: 20px;
                border-radius: 30px;
                background-color: #fff;


                .content-user {
                    font-size: 22px;
                    color: #333333;
                    text-align: center;
                }

                .password-register {
                    display: inline-block;
                    float: right;
                }

                a {
                    color: #1E8DFD;
                }

                .content-exit {
                    margin-bottom: 10%
                }

                .select-box {
                    position: relative;
                }

                .school-icon {
                    position: absolute;
                    z-index: 1000;
                }

                .ant-select-selection {
                    border-color: #fff;
                    border-bottom: 1px solid #d9d9d9;
                    padding-left: 30px;
                }

                .ant-select-selection:focus,
                .ant-select-selection:active {
                    border-color: #fff;
                    border-bottom-color: #40a9ff;
                    box-shadow: 0 0 0 2px #fff;
                }

                .verify-num {
                    margin-bottom: 2%;
                }
            }
        }

    }

    .login-foot {
        height: 50%;
        width: 100%;
        background: linear-gradient(180deg, #A0CFFE 0%, #CAE5FF 17%, #E4F2FF 38%, #FFFFFF 100%);

        .login-foot-content {
            // font-size: 20px;
            color: #333;

            // height: 100%;
            // width: 100%;
            // text-align: center;
            // vertical-align: middle;
            // display: table;
            .login-foot-left {
                width: 50%;
                height: 100%;
                padding: 20px 0 0 80px;
                // background-color: #333;
                font-size: 18px;

                p {
                    font-weight: 700;
                    font-size: 20px;
                }

                .boots {
                    display: flex;
                    flex-wrap: wrap;


                    .item {
                        width: 45%;
                        height: 120px;
                        justify-content: space-between;
                        margin: 0 20px 20px 0;
                        padding: 15px 15px 0 20px;
                        color: #fff;
                        background-repeat: no-repeat;
                        background-size: cover;

                        .foot-left-title {
                            font-size: 18px;
                            margin-bottom: 5px;
                        }

                        .c {
                            font-size: 16px;
                        }
                    }
                }

                a {
                    font-size: 16px;
                }
            }

            .login-foot-right {
                padding: 20px 0 0 80px;
                font-size: 16px;

                p {
                    font-weight: 700;
                    font-size: 20px;
                }

                .q {
                    padding-right: 200px;
                    padding-bottom: 10px;
                }

                a {
                    display: inline-block;
                    margin-top: 46px;
                }
            }
        }
    }

    .six-digit-wrapper {
        // margin-bottom: 20px;

        .input {
            width: 32px;
            border-color: #ccc;
            margin-right: 10px;
        }

        .input:last-child {
            margin-right: 0;
        }
    }

    //ant样式
    .ant-btn-primary {
        display: block;
        border-radius: 30px;
        background: #047bfc;
        width: 80%;
        height: 40px;
        font-size: 20px;
        margin: auto
    }

    .ant-input-affix-wrapper {
        margin-bottom: 5%;
    }

    .ant-input {
        border: none;
        border-bottom: 1px solid #EEEEEE;
    }

    .ant-input-affix-wrapper .ant-input-prefix {
        left: 4px;
    }


}

.tooltipss {
    max-width: 300px;

    .ant-tooltip-inner {
        background: #fff !important;
    }

    .ant-tooltip-arrow:before {
        background: #fff !important;
    }
}